/**
 *  注意
 *  vue-router 4.0.8 
 *  4.0 版本和 3.0版本差异较大，使用时请参考 4.0 文档
 */

import { createRouter, createWebHashHistory } from 'vue-router'

// 公共 components
import Test from '../components/common/Test'
import NotFoundPc from '../components/common/404pc'
import NotFoundMobile from '../components/common/404mobile'

// 主页index 和 登陆 login  components
import Login from '../components/login/Index'
import Index from '../components/home/Index'

// 路由配置
const routes =  [
    {
        path: '/',
        component: Index
    },
    {
        path: '/login',
        component: Login
    },
    
    // TODO: vue-router@4 不再支持通配符 * 也就是说下面 path: '/*' 的方式不能使用，应该有其它的方式替代了，搜寻中,
    // {   
    //     path: '/404', 
    //     component: NotFoundPc
    //     // component: NotFoundMobile
    // },
    // {   path: '/*', 
    //     redirect: '/404' 
    // }
]

const router = createRouter({
    history: createWebHashHistory(),
    routes
})

export default router
